<template>
	<view class="con">
		<nodata v-if="isdata"></nodata>
		<view v-for="(item,index) in list" :key="index" class="bgfff pg30 ra20 mt30">
			<view class="size24 color666">订单编号:{{item.orderNo}}</view>
			<view @click="navto('/pages/index/ke_detail?id='+item.courseId+'&isToll='+item.isToll+'&discountPrice='+item.discountPrice+'&wordCount='+item.wordCount+'&originalPrice='+item.payAmount)" class="flex-a-i mt30">
				<view>
					<image :src="item.courseCards" class="wh200-110 ra10 flex"></image>
				</view>
				<view class="flex1 ml15 ">
					<view class="flex-ju-b">
						<view class="size32 bold">{{item.courseName}}</view>
					</view>
					<view class="color999 size24 mt10 flex-ju-b">
						{{item.rootCount}}节课，{{item.wordCount}}单词
						<view class="size24 color222 bold size28">￥{{item.payAmount}}</view>
					</view>
				</view>
			</view>
			<view class="flex-ju-b border-tF0F2F5 pt30 mt30">
				<view class="size22 color999">购买时间:{{item.payTime}}</view>
				<view @click="navto('/pages/index/vocabulary_list?id='+item.courseId)" class="colorfff size24 bold bgFD2F55 wh148-56 ra10 flex-ju-c">去学习</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				isdata:false,
				list:[]
			}
		},
		onLoad() {
			this.http('/api/wxUser/userCourse').then(res=>{
				this.list=res.data
				this.nodata(this.list,this)
			})
		},
		methods: {
			
		}
	}
</script>

<style>
page{
	background: #F3F5F7;
}
</style>
